<template>
	<view class="title-name">
		<image class="back-arrow" v-if="backShow" @click="back"
			src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/back-arrow.png" mode=""></image>
		<view class="name">{{name}}</view>

	</view>


</template>

<script>
	export default {
		name: "titleName",
		props: {
			name: {
				require: true
			},
			backShow: {
				require: false,
				default: false
			},
			height: {
				default: '160rpx',
				require: false
			}
		},
		data() {
			return {

			};
		},
		methods: {
			back() {
				uni.navigateBack()

			}
		}
	}
</script>

<style lang="scss" scoped>
	.title-name {
		width: 750upx;
		height: 142upx;
		/* #ifdef MP-WEIXIN */
		height: v-bind(height);
		/* #endif */
		background: #0874FA;
		position: relative;
		display: flex;
		justify-content: center;

		.name {
			bottom: 28upx;
			/* #ifdef MP-WEIXIN */
			bottom: 0upx;
			top: 92upx;
			/* #endif */
			position: absolute;


			color: #FFFFFF;

			font-family: Source Han Sans CN;
			font-weight: 500;
			font-size: 36rpx;


		}

		.back-arrow {
			width: 23upx;
			height: 38upx;
			position: absolute;
			left: 36upx;
			bottom: 30upx;
			/* #ifdef MP-WEIXIN */
			bottom: 0upx;
			top: 102upx;
			/* #endif */
		}


	}
</style>